@charset "utf-8";
/* CSS Document */


/*--------------for all---------------*/
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*{margin:0; padding:0;}

body,html{height: 100%;	min-height: 100%;}

body{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:16px; font-weight:300; position:relative; height:100%; line-height:1.5em;}
a, a:focus{outline:none; text-decoration:none;}
img{border:none; max-width:100%;}
ul{list-style:none; margin:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }
.anima, .btn, a, a.linkBtn span, .navbar-toggle, .navbar-toggle .icon-bar, .downloadSec i,.grid-item a img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.relative {position:relative;}

.smallHead{ font-size:18px; font-weight:100; text-transform:uppercase; line-height:1; margin-bottom:20px; margin-top:0; color:#fff; opacity:0.3;}

.whiteTxt, .whiteTxt p, .whiteTxt a{ color:#fff;}

a.linkBtn{ display:inline-block; color:#000; text-transform:uppercase; font-size:14px;}
a.linkBtn:hover{ text-decoration:none; color:#f1a40f;}
a.linkBtn span{ margin-left:2px; display:inline-block; background:url(../images/btn-arrow.png) no-repeat scroll top right; height:11px; width:16px;}
a.linkBtn:hover span{ margin-left:10px; background-position:center left;}

/*-----color codes-------*/
.dgray{color:#333;}
.red{color:#d33232;}
.white{color:#FFFFFF;}
.gray{color:#666;}

.dd { animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
/*-----BUTTON CSS-------*/

/*-----Padding&Margin-Section-------*/
.padd-lr-20{ padding-left:20px; padding-right:20px;} .padd-tb-20{ padding-top:20px; padding-bottom:20px;}
.padd-tb-10{ padding-top:10px; padding-bottom:10px;}.padd-top-10{ padding-top:10px;}
.padd-top-20{ padding-top:20px;} .padd-bottom-20{ padding-bottom:20px;}

.marg-top-20{ margin-top:20px;} .marg-top-10{ margin-top:10px;}

#preloader { position: fixed; left: 0; top: 0; z-index:99999; width: 100%; height: 100%; overflow: hidden; background: #de3a4e; text-align:center; color:#FFF; display:flex; align-item:center; }
#preloader .loader{margin:auto;}
#preloader .loader span{ font-size:24px; font-weight:100; display:block; margin-top:15px;}